*{
     margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
    body{
        width: 100%;
     }
     
    
     .header{
        height: 66px;
        background: #282828;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
     }
     .header .nav{
        width: 745px;
     }
     .header .nav ul{
        display: flex;
        justify-content: space-between;

     }
     .header ul li{
        text-align: center;
        line-height: 70px;
     }
      .header ul li a{
        font-size: 12px;
        color:#ffffff;

      }
      .header ul li a:hover{
        color: #596766;
      }
        .header p:last-child{
            width:120px;
            height:66px;
            background:#f25c4a; 
            margin-right:35px;
        }
          .header p:last-child a{
            color: #ffff;
            display: block;
            text-align: center;
            line-height: 70px;
          }
           .header p:hover{
            color: #f25c4a;
           }
          /*隐藏部分*/
          .phone_hide{
            position: absolute;
            height: 240px;
            background: #2e2f30;
            top:63px;
            left:0;
             display: flex;
            justify-content: space-between;
           display: none;
           z-index: 999
          }
          .header .header_phone:hover .phone_hide {
        display:block;
    }
           .phone_hide ul{
            height: 240px;
            display: flex;
            }
            .phone_hide ul li img{
               text-align: center;
               margin-top: 50px;
            }
        .phone_hide ul li{
            width: 210px;
            height: 240px;
           text-align: center;

        }
         .phone_hide ul li a{
            font-size: 12px;
            color: #fff;
         text-align: content;
         

         }
         .phone_hide ul li span{
            display: block;
             height: 15px;
            margin-top:-36px;
            margin-left: 13px;
           

         }
          .phone_hide ul li:hover{
            background: #3a3a3a;
          }
         .phone_hide ul li span:hover{
            color: black;
         }

     /*尾部*/
        .footer{
            height: 710px;
            background: #efeeeb;
        }
     .footer .footer_menu{
        height:333px;
        width: 930px;
        margin: 0 auto;
        padding-top: 70px;
        display: flex;
        justify-content: space-between;

     }
     .footer .footer_menu ul{
         height:333px;
         display: flex;
         flex-direction: column;
         justify-content: flex-start;


     }
      .footer .footer_menu ul li:first-child{
            font-size: 17px;      
            font-weight:400;
      }
     .footer .footer_menu ul li{
        width: 165px;
        height: 22px;
        margin-top:2px;
        
     }
      .footer .footer_menu ul li a{
        font-size: 12px;
        color:#606463;
      }
       .footer .footer_menu ul li a:hover{
        color: #f01b4d;
       }
       .footer_foot{
        height:239px;
        background:#fff;
       margin-top:65px;
       text-align: center;
       }
    .footer_foot p{
        height: 14px;
        margin-bottom: 18px;
        font-size: 12px;
    }
    .footer_foot .footer_foot_weibu a{
        color: red;
        font-style: 12px;
    }

         /*列表页面*/
    .f_nav{
        height: 60px;
       
    }
    .f_nav ul{
           height: 60px;
           width: 969px;
        text-align: center;
        margin: 20px auto;
        height: 60px;
        display: flex;
        justify-content: space-around;
    }
    .f_nav ul li{
     height: 47px;
     width: 140px;
     
     text-align: center;
     }
      .f_nav ul li:first-child{
        border-bottom:2px solid red;
      }
     .f_nav ul li a{
        font-size:15px;
        color: #9999;
        text-align: center;
     }
    
      .f_nav ul li:hover a{
        color: black;
        
      }
      /*放大镜*/
      .det_conner{
        height:880px;
      
      }
      .det_conner .det_left{
        float: left;
        height: 800px;
        width: 633px;
        border: 1px solid black;
      }
     
       .det_conner .det_left img{
          width: 610px;
           height:450px;
        margin-top:72px;
        margin-left:6px;
       }
      .det_conner .det_left #smallBox{
       width:576px;
        text-align: center;
        display: flex;
        justify-content: center;
        margin-top:40px;
      }
      .det_conner .det_left #smallBox ul{
          height:86px;
        width:384px;
        display: flex;
        justify-content: space-between;

      }
      .det_conner .det_left #smallBox ul li img{
         height:60px;
        width:60px;
      }
       .det_conner .det_left #smallBox ul li{
         height:84px;
        width:84px;
        border:1px solid #cccccc;
       }
       .det_conner .det_left #smallBox ul li img{
        margin-top:12px;
       }
        /*right*/
        .det_conner .det_right{
            float: left;
            width: 578px;

        }
        .det_banner_header{
            height: 84px;
            border: 1px solid black;
             display: flex;
            
        }
        .det_banner_header ul{
             height: 60px;
                display: flex;
            justify-content: space-between;
            margin: 24px;
        }
        .det_banner_header ul li{
             height:22px;
             width: 118px;
             
             text-align: center;
        }
         .det_banner_header ul .ii{
          border-right: 1px solid black;
         }
         .det_banner_header ul li a{
            font-size: 15px;
            color: black;
         }
         .det_banner_header ul li:hover a{
            color: red;
         }

 .det_right{
   height: 70px;
 }

  .det_right .address{
    height: 70px;
    width: 570px;
    border:1px solid #999;
  }
  .det_right .right_list{
     height: 70px;
  }
.det_right .right_list h2{
  font-size: 28px;
}
.det_right .right_list h3{
  margin-top: 38px;
  margin-bottom: 20px;
}
.det_right .right_list p{
  font-size: 20px;
  color: #ff6700;
  margin-top: 38px;
  margin-bottom: 20px;
}
.det_right .right_list span{
  font-size: 20px;
  color: #ff6700;
}
.det_right .right_list label{
  color: red;
}

.det_right .right_list ul{
  width:570px; 
  height:170px;
  display: flex;
  justify-content: space-around;
  flex-flow: wrap;
}
.det_right .right_list ul li{
   width:275px; 
  height:72px;
  border:1px solid #9999;
  text-align: center;
line-height: 72px;

}
.det_right .right_list .goum{
  height:30px;
  width:120px;
  background: #e8380d;
  border:1px solid black;
  display: inline-block;
  margin-top: 20px;
  margin-left: 60px;
}
.det_right .right_list .goum a{
  font-size:12px;
  text-align: center;
  color:white;
  margin-top:20px;
  margin-left:18px;
}
.det_right .right_list .goum:hover{
  background: #ff6785;
}
